<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页</title>
    <link rel="stylesheet" href="__PUBLIC__/HomeCss/login.css" type="text/css">
    <script src="__PUBLIC__/Js/jquery.js"></script>
</head>
<body>
    <div class="title">
        <a href="<{:U('Home/Index/index')}>"><img src="__PUBLIC__/Photo/Home/Cart/logo.png" alt="logo" title='logo' class="logo"></a>
        <span class="status2"></span>
    </div>
    <div class="body">
        <form action="<{:U('doupdatep')}>" method="post" id="frm">
        <table   width="550px">
       
            <tr>
                <td>原密码</td>
                <td><input type="password" name='ypwd'><span id="checkname1" class='state1'>请输入原密码</span></td>
            </tr>
            <tr>
                <td>新密码</td>
                <td><input type="password" name='pwd'><span id="checkpwd1" class='state1'>请输入新密码</span></td>
            </tr>
            <tr style="align:center">
               <td> <input type='button' class='submit' value='确认'></td>
				 <td><a href="<{:U('index')}>"><input type='button' class='' value='取消'></a></td>
           </tr>
        </table>
        </form>
    </div>  





<script>
    $(function(){
        var ok1=false;
        var ok2=false;
        // 验证原密码
        $('input[name="ypwd"]').focus(function(){
            $(this).next().text('原密码应该为3-12位之间').removeClass().addClass('state2');
        }).blur(function(){
			 if($(this).val().length >=6 && $(this).val().length <=20 && $(this).val()!=''){
           
                // 验证原密码正确
                var ypwd = $(this).val();
                $.get('<{:U("checkpwd")}>',{ypwd:ypwd},function(data){ 
                    if(data.status){                       
                       $('#checkname1').text('原密码正确').removeClass().addClass('state4');
                        ok1=true;
                    }else{
                          $('#checkname1').text('原密码不正确!').removeClass().addClass('state3');
                        return;               
                    }
               },'json');
            }else{
                $(this).next().text('原密码为3-12位之间').removeClass().addClass('state3');
            }
        });                     


        //验证新密码
        $('input[name="pwd"]').focus(function(){
            $(this).next().text('新密码应该为6-20位之间').removeClass().addClass('state2');
        }).blur(function(){
            if($(this).val().length >=6 && $(this).val().length <=20 && $(this).val()!=''){
              // 验证原密码正确
                var ypwd = $(this).val();
                $.get('<{:U("checkpwd")}>',{ypwd:ypwd},function(data){ 
                    if(data.status){                       
                       $('#checkpwd1').text('与原密码重复!').removeClass().addClass('state3');
                        
                    }else{
                          $('#checkpwd1').text('可以使用').removeClass().addClass('state4');
						  ok2=true;
                        return;               
                    }
               },'json');
            }else{
                $(this).next().text('新密码应该为3-12位之间').removeClass().addClass('state3');
            }
        });                     
               
       
       
        //提交按钮,所有验证通过方可提交
        $('.submit').click(function(){
            if(ok1 && ok2){
                $('#frm').submit();
            }
               
            
        }); 
    });
</script>
</body>
</html>

</html></block>